<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css"/>
    <!-- <link rel="stylesheet" type="text/css" href="../css/style.css"/> -->
        <link rel="stylesheet" type="text/css" href="../css/common.css" />
    <style type="text/css">
        body {
            background: #f4f4f4;
            background-position: center;
            background-size: cover;
            position: relative;
            font-size: 13px;

        }

    </style>
</head>
<body>
<div class="aui-content aui-content-padded" id="message-content">
    <p class="aui-text-center history-date">7-16 20:00</p>
    <div class="aui-chat-sender">
        <div class="aui-chat-sender-avatar"><img src="../image/shili.jpg"></div>
        <div class="aui-chat-sender-cont">
            <div class="aui-chat-right-triangle"></div>
            <span>Hello!!</span>
        </div>
    </div>
    <div class="aui-chat-receiver">
        <div class="aui-chat-receiver-avatar"><img src="../image/dongtai.jpg"></div>
        <div class="aui-chat-receiver-cont">
            <div class="aui-chat-left-triangle"></div>
            <span>你好！</span>
        </div>
    </div>
    <div class="aui-chat-sender">
        <div class="aui-chat-sender-avatar"><img src="../image/shili.jpg"></div>
        <div class="aui-chat-sender-cont">
            <div class="aui-chat-right-triangle"></div>
            <span>使用字体图标的好处就是大小和颜色可以自由控制，同时还能方便的增加背景等效果。使用图标时请确保字体文件和css文件在同一目录下</span>
        </div>
    </div>
    <div class="aui-chat-receiver">
        <div class="aui-chat-receiver-avatar"><img src="../image/dongtai.jpg"></div>
        <div class="aui-chat-receiver-cont">
            <div class="aui-chat-left-triangle"></div>
            <span>使用字体图标的好处就是大小和颜色可以自由控制，</span>
        </div>
    </div>
    <div class="aui-chat-sender">
        <div class="aui-chat-sender-avatar"><img src="../image/shili.jpg"></div>
        <div class="aui-chat-sender-cont">
            <div class="aui-chat-right-triangle"></div>
            <span>Hello!!</span>
        </div>
    </div>
    <div class="aui-chat-receiver">
        <div class="aui-chat-receiver-avatar"><img src="../image/dongtai.jpg"></div>
        <div class="aui-chat-receiver-cont">
            <div class="aui-chat-left-triangle"></div>
            <span>你好！</span>
        </div>
    </div>
    <div class="aui-chat-sender">
        <div class="aui-chat-sender-avatar"><img src="../image/shili.jpg"></div>
        <div class="aui-chat-sender-cont">
            <div class="aui-chat-right-triangle"></div>
            <span>使用字体图标的好处就是大小和颜色可以自由控制，同时还能方便的增加背景等效果。使用图标时请确保字体文件和css文件在同一目录下</span>
        </div>
    </div>
    <div class="aui-chat-receiver">
        <div class="aui-chat-receiver-avatar"><img src="../image/dongtai.jpg"></div>
        <div class="aui-chat-receiver-cont">
            <div class="aui-chat-left-triangle"></div>
            <span>使用字体图标的好处就是大小和颜色可以自由控制，</span>
        </div>
    </div>
    <div class="aui-chat-sender">
        <div class="aui-chat-sender-avatar"><img src="../image/shili.jpg"></div>
        <div class="aui-chat-sender-cont">
            <div class="aui-chat-right-triangle"></div>
            <span>使用字体图标的好处就是大小和颜色可以自由控制，同时还能方便的增加背景等效果。使用图标时请确保字体文件和css文件在同一目录下</span>
        </div>
    </div>
    <div class="aui-chat-receiver">
        <div class="aui-chat-receiver-avatar"><img src="../image/dongtai.jpg"></div>
        <div class="aui-chat-receiver-cont">
            <div class="aui-chat-left-triangle"></div>
            <span>使用字体图标的好处就是大小和颜色可以自由控制，</span>
        </div>
    </div>
</div>

<!-- 这个弹出的 -->
<div class="popHome">
    <ul class="aui-list-view">
        <li class="aui-list-view-cell">
            <!-- 新消息通过控制newMeg样式 -->
             <i class="aui-iconfont aui-icon-comment newMeg"></i><span>我的消息 </span>
        </li>
        <li class="aui-list-view-cell">
             <i class="aui-iconfont aui-icon-home"></i><span>首页</span>
        </li>
    </ul>
</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/myInfo.js"></script>
<script type="text/javascript" src="../script/doT.min.js"></script>
<script type="text/javascript" src="../script/echo.js"></script>
<script type="text/javascript" src="../script/jquery-1.11.3.js"></script>
<script type="text/javascript" src="../script/mui.js"></script>
<script type="text/javascript">
    apiready = function () {
        api.parseTapmode();
        api.setRefreshHeaderInfo({
            visible : true,
            loadingImg : 'widget://image/ptr_pull.png',
            bgColor : '#efeff4',
            textColor : '#959595',
            textDown : '下拉刷新',
            textUp : '松开刷新',
            showTime : true
        }, function(ret, err) {
            page = 1;
            api.refreshHeaderLoadDone();
        });
    }

    //来自win的执行显示遮罩方法
    var mask2;
    function showMask(){
        mask2=new mui.createMask(closeWinMask);
        mask2.show();
        $(".popHome").addClass("pickAnimate");
    }
    // 接收来自win的关闭遮罩
    function hideFrmMask(){
        $(".popHome").removeClass("pickAnimate");
        mask2.myclose();
    }
    function closeWinMask(){
        $(".popHome").removeClass("pickAnimate");
        api.execScript({
            name: 'chat_win2',
            script: 'closeWinMask()'
        })
    }
    function setHeight(){
        api.setFrameAttr({
            name: 'chat_frm2',
            rect:{
                h:200
            }
        });
            // setTimeout(function(){
            //     window.scrollTo(0,200);
            // },200)
    }
</script>
</html>